<template>
  <section class="section sec-2" id="sec-2">
    <div class="mo-max-size-box mo-lr-box gap-20">
      <div class="left mo-align-center-txt-box">
        <h2 class="mo-title">About Us<br />关于我们</h2>
        <p class="mo-desc ma-top-30">We are an e-commerce online store that has been in operation for a long time.\nWe will provide you with a variety of carefully selected products, covering the kitchen, home, and pet fields.\nWe are committed to providing you with high-quality, practical, and fashionable products, making your life more convenient and comfortable.</p>
      </div>
      <div class="right">
        <img class="mo-cover" src="/about.jpg" />
      </div>
    </div>
  </section>
</template>
<script>
export default {
  name: 'co-section-2',

};
</script>
<style lang="less" scoped>
.sec-2 {
  display: flex;
  align-items: center;
}

// @media screen and (max-width: 1000px) {
// }
</style>
